Introduction to Angular

Angular is a development platform for building mobile and desktop web applications using TypeScript/JavaScript.

It has all the features that makes website development, developer friendly.
Lets walk you through some basic features.


Reusability: 
  • Suppose we have designed a beautiful header and you want this header to be visible on every page of your website. 
  • Normal approach would be to copy the header code and paste it in every page of your website.
  • Angular saves us from all of that pain of writing that lines of code again an again.
  • Angular has a feature called component. Everything inside a angular website is a component. So breaking a website into chunks we can different component.Header component, Footer Component, Sidebar Component and so on.
  • Benefit of these components is that, it can be re-used many number of times.
  • Coming back to header example. In Angular we would make a header component. Angular would give something called <custom-header/> tag. So, wherever we want to have our header to be displayed we need to use <custom-header/> tag that we created in angular, instead of writing the code again and again.

                                                                                              Forms:
  • Every website has some types of form of the other, whether it may be sign up or login form.
  • It becomes quite challenging to handle multiple forms in website with our custom validation.
  • Angular has provides full support in helping us to manage our form. You will ask me how?
  • Well the answer is Angular has a library called reactive forms, which help developer manage their forms without troubles.
  • It automatically handles fetches values from the input the form, validates the form asynchronously and also provides with error/warning messages.


Making Network Request:
  • If you have some experience about JavaScript. It becomes quite cumbersome lines of code to
    handle the promise and resolve the promise.
  • Angular has "http module" for making network requests. 
  • We can use these module and make any type of network requests, and we get the result just by subscribing to this method.
MVC Architecture 
  • Code management has always been a tough task for any developer.
  • As the project increases, its complexity also increase which can lead to various bugs and code breakage.
  • Angular follows MVC architecture, which makes the code management easy.

Comments

Post a Comment

Popular posts from this blog

Angular: Counter Project

Image
Counter Project: Steps: 1. Create the Counter project  2. Create the User Interface 3. Connect User Interface with angular 1. Create the Counter Project     Create an angular app with command:   ng new counter-app      Note: If you have any issue creating a project you can refer to link below:        https://flauntprogramming.blogspot.com/2020/06/hello-world-angular.html 2. Create the User Interface We Added a heading Counter App We  have used String interpolation to display the value of counter {{counter}} It displays the value that has been stored in the variable named counter declared in app.component.ts We have add two buttons to increment and decrement the value of counter (click)="increment()" It means whenever plus button is clicked, it will call the function increment() defined in app.component.ts (click)="decrement()" It means whenever minus button is clicked, it will call the function decrement() defined in ap...
Read more